import React from 'react';
import Typography from "@material-ui/core/Typography";
import { Link } from 'react-router-dom'
import makeStyles from "@material-ui/core/styles/makeStyles";

const useStyles = makeStyles(theme => ({
    root: {
        maxWidth: 1100,
        margin: "auto",
        marginTop: theme.spacing(5),
        paddingLeft: theme.spacing(4),
    },
    title: {
        color: "#f44336",
    },
}))

export default function NotFound() {
    const classes = useStyles()
    return (
        <div className={classes.root}>
            <Typography variant="h4" className={classes.title}>404 Not Found!</Typography>
            <Typography variant="subtitle1">你访问的页面不存在，请查看您输入的链接是否正确。返回<Link to='/'>主页</Link></Typography>
        </div>
    );
};
